<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./index.css" />
    <title>Day4</title>
  </head>

  <body>
    <div class="card">
      <p class="title">Let's keep in touch</p>
      <p class="content">
        Subscribe to keep up with fresh news and exciting updates.
      </p>
      <p class="content">We promise not to spam you!</p>
      <form class="form-panel" action="#">
        <div class="item-group">
          <input type="text" placeholder="Enter your email address" />
          <button type="submit">SEND</button>
        </div>
        <div class="item-group flex-left">
          <label class="checkbox">
            <input type="checkbox" />
            <span class="custom-checkbox"></span>a
          </label>
          <span class="warming"
            >I agree to my email address being stored and used to receive
            monthly newsletter.</span
          >
        </div>
      </form>
    </div>
  </body>
</html>
